<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        span {
            background-color: aquamarine;
            color: azure;
        }
    </style>
    <title>Document</title>
</head>
<body>
    <!-- 快速生成测试文本
     lorem + 数字 + tab
     lorem + tab
    -->
    <!-- div 其中的内容是一个独立部分, 后续的内容换行 -->
    <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, officiis ut laboriosam accusantium reiciendis, tempora quia similique rem esse laudantium deserunt ea veritatis quod nostrum eum est ratione porro odit.
    </div>
    <div>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vero, autem.</div>
    <!-- span 双标签, 没有什么特定功能, 给内容增加了一个容器, 因为添加样式时, 内容必须处于容器内 -->
    <span>
        我是一段内容
    </span>
</body>
</html>